<template>
	<div class="operation-list">
		<ul class="operation-list_ul">
			<li class="operation-list_li">
				<div class="operation-left">(BuyerMessage) 买家留言</div>
				<div class="operation-right">{{message.buyerMessage}}</div>
			</li>
			<li class="operation-list_li">
				<div class="operation-left">(SellerMessge) 卖家留言</div>
				<div class="operation-right">{{message.sellerMessge}}</div>
			</li>
			<li class="operation-list_li">
				<div class="operation-left">(platformMessage)平台留言</div>
				<div class="operation-right">{{message.platformMessage}}</div>
			</li>
			<li class="operation-list_li">
				<div class="operation-left">(BuyerRemark) 买家备注</div>
				<div class="operation-right">{{mark.buyerRemark}}</div>
			</li>
			<li class="operation-list_li">
				<div class="operation-left">(SellerRemark) 卖家备注</div>
				<div class="operation-right">{{mark.sellerRemark}}</div>
			</li>
			<li class="operation-list_li">
				<div class="operation-left">(platformRemark)平台备注</div>
				<div class="operation-right">{{mark.platformRemark}}</div>
			</li>
		</ul>
	</div>
</template>
<script>
	import ala from 'ala'
	export default {
		props: {
			viewModel: {}
		},
		data() {
			return {
				message: this.viewModel.order.orderExtension.message,
				mark: this.viewModel.order.orderExtension.orderRemark
			}
		}
	}
</script>
<style rel="stylesheet/scss" lang="scss">
	@import "../styles/style.scss";
</style>